<template>
	<view class="manage_box box">
		<view class="search_box bc_fff">
			<uni-search-bar bgColor="#F5F5F5" placeholder="输入店名或者导购名称" radius="20"></uni-search-bar>
		</view>
		<view class="member_header box w100 height_44 bc_fff fz_14 fc_333">
			<view class="header_left width_244">
				<image src="../../../static/images/calendar_icon.png" class="width_16 height_16 mr_5" mode=""></image>
				<view class="">
					邀请时间-邀请时间
				</view>
			</view>
			<view class="header_right width_131">
				选择会员等级
				<u-icon class="ml_5" name="arrow-down" color="#333333"></u-icon>
			</view>
		</view>
		<view class="info_box box width_351 height_133 ml_12 mr_12 br_8 bc_fff mt_12">
			<view class="info_top w100 height_64">
				<view class="top_left">
					<view class="width_52 height_52 br_42">

					</view>
					<view class="info_view ml_12">
						<view class="name_box">
							<view class="fz_16 mr_8 fc_333">
								章西
							</view>
							<image src="../../../../static/images/info_1.png" class="width_88 height_22" mode="">
							</image>
						</view>
						<view class="fz_12 fc_999 mt_8">
							2022-12-23 12:23
						</view>
					</view>

				</view>
				<view class="top_right fz_12 fc_999">
					<view class="bottom_left">
						<view class="number fz_16 fb mb-6">
							¥325,256,254
						</view>
						<view class="fz_12 fc_333 mt_6">
							消费总额
						</view>
					</view>
				</view>
			</view>
			<view class="info_bottom w100 height_69">
				<view class="fz_14 fc_333">
					导购：C店里斯
				</view>
				<view class="bottom_right width_112 height_40 br_112 fz_14 fc_fff">
					<!-- <image src="" mode=""></image> -->
					<view class="ml_8">
						联系会员
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.manage_box {

		.search_box {
			@include set_padding(14rpx, 16rpx);
		}

		.member_header {

			@include flex_box(row, nowrap, space-between, center);

			.header_left {
				@include set_padding(0rpx, 15rpx);
				@include flex_box(row, nowrap, center, center);
			}

			.header_right {
				@include flex_box(row, nowrap, center, center);
				border-left: 1rpx solid rgba(0, 0, 0, 0.1);
				;
			}
		}

		.info_box {
			@include set_padding(0rpx, 12rpx);

			.info_view {
				@include flex_box(column, wrap, flex-start, flex-start);

				.name_box {
					@include flex_box(row, nowrap, space-between, center);
				}
			}

			.info_top {
				border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
				@include flex_box(row, nowrap, space-between, center);

				.top_left {
					@include flex_box(row, nowrap, flex-start, center);
				}
			}

			.bottom_left {
				@include flex_box(column, nowrap, flex-start, flex-end);

				.number {
					color: #FE5A1C;
				}
			}

			.info_bottom {
				@include flex_box(row, nowrap, space-between, center);



				.bottom_right {
					@include flex_box(row, nowrap, center, center);
					background-color: #323232;
				}
			}
		}
	}
</style>
